<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>API详情页</title>
    <link rel="stylesheet" href="../css/reset.css" />
    <!-- 引入常态化样式 -->
    <link rel="stylesheet" href="../css/normalize.css" />
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="../css/common.css" />
    <!-- 引入当前页样式 -->
    <link rel="stylesheet" href="../css/api-detail.css" />
  </head>
  <body>
    <header class="flex-c-sb b-box abs">
      <!-- 顶部logo图片 -->
      <a href="#">
        <h1></h1>
      </a>
      <!-- 头部列表 -->
      <ul id="headList" class="flex-c-se">
        <li>
          <a href="index.html" target="_blank">首页</a>
        </li>
        <li>
          <a href="api-index.html" target="_blank">API</a>
        </li>
        <li class="active">
          <a href="api-detail.html">云服务</a>
        </li>
        <li>
          <a href="unicon.html">案例</a>
        </li>
        <li>
          <a href="customer.html">开发者</a>
        </li>
      </ul>

      <!-- 登录注册 -->
      <div class="fz-12">
        <a href="login.html">登录</a>
        <a href="register.html">注册有礼</a>
      </div>
    </header>
    <section id="header"></section>
    <!-- 主体 -->
    <main>
      <section id="banner" class="rel">
        <!-- 粒子背景 -->
        <div id="bannerBg" class="abs"></div>
        <!-- banner图文 -->
        <div class="container">
          <div id="bannerCont" class="abs">
            <!-- 左边图片 -->
            <div id="bannerContImg">
              <img src="../imgs/API_02.jpg" alt="" />
              <!-- 下方图片 -->
              <div>
                <i>103</i>
                <i>14245</i>
                <i>623</i>
              </div>
            </div>
            <!-- 右边文字 -->
            <div id="bannerContRt" class="rel">
              <h1>身份证实名认证</h1>
              <span class="abs">支持HTTPS</span>
              <span class="abs">企业认证</span>
              <!-- 使用介绍 -->
              <div id="IDuse">
                <p>
                  <i></i>
                  限企业实名用户使用
                </p>
                <p>
                  <i></i>
                  本接口需提供应用场景审核
                </p>
                <p>
                  <i></i>
                  个人实名用户无法使用
                </p>
              </div>

              <p>检测姓名和身份证号是否一致,身份证验证。</p>
              <!-- 次数 -->
              <ul id="timesTab">
                <li class="rel">
                  <img src="../imgs/API详情页_17.jpg" alt="图片已损坏" />
                  <i>扫码测试</i>

                  <div>
                    <img src="../imgs/wechat-white.png" alt="图片已损坏" />
                    <p>请扫码关注</p>
                  </div>
                </li>
              </ul>
              <!-- 价格 -->
              <div id="price">
                <!-- <p><span>￥1200</span>(约0.3000元/次),仅限企业实名购买</p> -->
              </div>
              <!-- 申请按钮 -->
              <button id="applyBtn">立即申请</button>
            </div>
          </div>
        </div>
      </section>
      <!-- tab切换 -->
      <section id="tab">
        <div class="container">
          <ul id="tabList">
            <li class="active">API文档</li>
            <li>错误码参照</li>
            <li>实例代码</li>
            <li>联系我们</li>
          </ul>
        </div>
      </section>
      <!-- 内容 -->
      <section id="content">
        <div id="cont" class="container">
          <!-- 左边内容 -->
          <div id="contentLt">
            <!-- api文档 -->
            <div class="on">
              <p>
                <strong> 接口地址：</strong>
                http://op.juhe.cn/idcard/query
              </p>
              <p>
                <strong>返回格式：</strong>
                json请求方式：http get/post
              </p>
              <p>
                <strong>请求方式：</strong>
                http get/post
              </p>
              <p>
                <strong>请求示例：</strong>
                http://op.juhe.cn/idcard/query?key=您申请的KEY&idcard=&realname=
              </p>
              <p>
                <strong>接口备注：</strong>
                error_code为0时计费
              </p>

              <button>API测试工具</button>
            </div>
            <!-- 请求参数 -->
            <div>
              <p class="rel">请求参数说明：</p>
              <table>
                <tr>
                  <th>名称</th>
                  <th>必值</th>
                  <th>类型</th>
                  <th>说明</th>
                </tr>
                <tr>
                  <td>idcard</td>
                  <td>是</td>
                  <td>string</td>
                  <td>身份证号码</td>
                </tr>
                <tr>
                  <td>realname</td>
                  <td>是</td>
                  <td>string</td>
                  <td>姓名(UTF-8)</td>
                </tr>
                <tr>
                  <td>orderid</td>
                  <td>否</td>
                  <td>int</td>
                  <td>传1时返回单号，默认不返回单号(建议传入)</td>
                </tr>
                <tr>
                  <td>key</td>
                  <td>是</td>
                  <td>string</td>
                  <td>在个人中心->我的数据,接口名称上方查看</td>
                </tr>
              </table>
            </div>
            <!--返回参数说明  -->
            <div>
              <p class="rel">返回参数说明：</p>
              <table>
                <tr>
                  <th>名称</th>
                  <th>类型</th>
                  <th>说明</th>
                </tr>
                <tr>
                  <td>error_code</td>
                  <td>int</td>
                  <td>返回码</td>
                </tr>
                <tr>
                  <td>reason</td>
                  <td>string</td>
                  <td>返回说明</td>
                </tr>
                <tr>
                  <td>result</td>
                  <td>object</td>
                  <td>返回结果集</td>
                </tr>
                <tr>
                  <td>realname</td>
                  <td>string</td>
                  <td>属result,真实姓名</td>
                </tr>
                <tr>
                  <td>idcard</td>
                  <td>string</td>
                  <td>属result,身份证号</td>
                </tr>
                <tr>
                  <td>res</td>
                  <td>int</td>
                  <td>属result,匹配详情,1匹配,2不匹配</td>
                </tr>
              </table>
            </div>
            <!-- JSON返回事例 -->
            <div id="json" class="b-box">
              <p class="rel">JSON返回示例：</p>
              <ul>
                <li>{</li>
                <li>"reason": "成功",</li>
                <li>"result": {</li>
                <li>"realname": "***",/*真实姓名*/</li>
                <li>"idcard": "******************",/*身份证号码*/</li>
                <li>"orderid":"J103202010151450419556",/*流水号*/</li>
                <li>"res": 1 /*1：匹配 2：不匹配*/ },</li>
                <li>"error_code": 0</li>
                <li>}</li>
              </ul>
            </div>
          </div>
          <!-- 右边内容-->
          <div id="contentRt">
            <!-- 活动推荐/Activity -->
            <div id="contentRtImg">
              <h3>活动推荐/Activity</h3>
              <img src="../imgs/sfz-aside1.png" alt="" />
              <img src="../imgs/details-aside02.png" alt="" />
              <img src="../imgs/details-aside03.png" alt="" />
            </div>
            <!--猜你喜欢  -->
            <ul id="contentRtList">
              <li>
                <h3>猜你喜欢</h3>
              </li>
              <li>
                <!-- 图标 -->
                <div id="logo">
                  <img src="../imgs/API22.jpg" alt="" />
                </div>
                <div>
                  <h4>短信API服务</h4>
                  <p>三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
                </div>
              </li>
              <li>
                <!-- 图标 -->
                <div id="logo">
                  <img src="../imgs/API26.jpg" alt="" />
                </div>
                <div>
                  <h4>银行卡四元素校验</h4>
                  <p>检测输入的姓名、手机号码、身份证号码、银行卡号是否一致。</p>
                </div>
              </li>
              <li>
                <!-- 图标 -->
                <div id="logo">
                  <img src="../imgs/API33.jpg" alt="" />
                </div>
                <div>
                  <h4>身份证查询</h4>
                  <p>身份证归属地信息查询身份证归属地信息查询</p>
                </div>
              </li>
              <li>
                <!-- 图标 -->
                <div id="logo">
                  <img src="../imgs/API33.jpg" alt="" />
                </div>
                <div>
                  <h4>身份证OCR识别</h4>
                  <p>支持对二代居民身份证正反面的关键字段识别，包括姓名、性别、民族、出生日期、住址、 身份证号、签发机关、有效期限，准确率98%以上</p>
                </div>
              </li>
              <li>
                <!-- 图标 -->
                <div id="logo">
                  <img src="../imgs/API40.jpg" alt="" />
                </div>
                <div>
                  <h4>三网手机实名制认证</h4>
                  <p>支持移动、联通号码；检验姓名、身份证、手机号码是否一致。</p>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </section>
      <section id="adv">
        <h1>现在注册，百款接口免费测试</h1>
        <button>免费注册</button>
      </section>
    </main>
    <footer>
      <div class="container flex-c-sb">
        <dl>
          <dt>联系与支持</dt>
          <dd>400-882-7715</dd>
          <dd>售前咨询</dd>
          <dd>客服&售后</dd>
          <dd>常见问题</dd>
          <dd>极速工单</dd>
          <dd>投诉与建议</dd>
        </dl>
        <dl>
          <dt>关于源码</dt>
          <dd>合作伙伴</dd>
          <dd>服务条款</dd>
          <dd>隐私政策</dd>
          <dd>市场合作</dd>
          <dd>反商业贿赂声明</dd>
        </dl>
        <dl>
          <dt>快速入口</dt>
          <dd>API数据</dd>
          <dd>黑钻会员</dd>
          <dd>新闻动态</dd>
          <dd>联系我们</dd>
          <dd>加入我们</dd>
        </dl>
        <dl>
          <dt>产品服务</dt>
          <dd>云监测</dd>
          <dd>云查询</dd>
          <dd>云助手</dd>
          <dd>聚盒子</dd>
          <dd>云充值</dd>
        </dl>
        <dl>
          <dt>解决方案</dt>
          <dd>数字中台</dd>
          <dd>慧集：API生命周期管理</dd>
          <dd>有赢：助力企业营销</dd>
        </dl>
        <dl class="wechat">
          <dt>微信公众号</dt>
          <dd>源码时代</dd>
          <dd>
            <img src="../imgs/wechat-white.png" alt="" />
          </dd>
        </dl>
      </div>
      <div id="mesg" class="container flex-c-sb">
        <div class="flex-c-c">
          <img src="../imgs/bei2.png" alt="" />
          <img src="../imgs/bei1.png" alt="" />
          <p>增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</p>
        </div>

        <p>源码大数据股份有限公司©版权所有</p>
      </div>
    </footer>
    <!-- 引入功能JS -->
    <script src="../js/util.js"></script>
    <!-- 引入canvas插件 -->
    <script src="../lib/canvas-particle.js"></script>
    <!-- 引入当前页面JS -->
    <script src="../js/api-detail.js"></script>
  </body>
</html>
